<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">
    <meta name="format-detection" content="telephone=no" />
    <title>六脉神掌</title>
    <link rel="stylesheet" type="text/css" href="js/swiper-3.4.0.min.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <script type="text/javascript" src="js/textAdd.js"></script>
    <div id='wx_pic' style='margin:0 auto;display:none;'>
        <img src='images/data/pic300.jpg' />
    </div>
</head>
<body>
    <div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide page1">
            <div class="content">
                <div class="half-cir"></div>
                <div class="lv-tiao"></div>
                <div class="title"></div>
                <div class="lo"></div>
                <div class="text">
                    <span>APP</span>
                    <span>Web</span>
                    <span>微信</span>
                    <span>小程序</span>
                </div>
                <div class="h">定制开发</div>
            </div>
            <div class="footer-under"></div>
        </div>
        <div class="swiper-slide page2">
            <div class="content">
                <div class="title">
                    六脉简介<br /><span></span>
                </div>
                <div class="text">
                    武汉六脉神掌科技有限公司是一家致力于为用户提供完善的<br />
                    移动互联网整体方案服务的技术型公司<br />
                    目前公司已服务过近千家国内外大中型企业<br />
                    团队成员拥有6年以上移动互联网行业经验，为客户提供专业<br />
                    的移动互联网方案的咨询、设计、开发和技术支持服务<br />
                    拥有行业内顶尖的技术研发团队，能为您提供更专业的服务<br />
                    和技术支持<br />
                    现已为金融、销售、汽车、电商、医药、地产、等企业提供<br />
                    过长期服务
                </div>
                <div class="phone-number">洽谈电话:186-9407-6330</div>
                <a class="btn" href="http://www.6mai.cc/"></a>
            </div>
            <div class="footer-under"></div>
        </div>
        <div class="swiper-slide page3">
            <div class="content">
                <div class="title">
                    六脉服务<br /><span></span>
                </div>
                <div class="img"></div>
                <div class="sj"></div>
            </div>
            <div class="footer-under"></div>
        </div>
        <div class="swiper-slide page4">
            <div class="content">
                <div class="title">
                    六脉伙伴<br /><span></span>
                </div>
                <div class="text">
                    自六脉成立以来，我们立足武汉，运用行业的专业经验 <br />
                    竭诚为我们的客户服务，我们的合作伙伴遍布全国  <br />
                    在各类企业注入移动互联网后勃发了新的生机
                </div>
                <div class="map" id="map"></div>
                <div class="logo">
                    <img src="images/logo7.png" alt="" />
                    <img src="images/logo8.png" alt="" />
                    <img src="images/logo4.png" alt="" />
                    <img src="images/logo9.png" alt="" />
                </div>
                <a class="btn" href="http://www.6mai.cc/m/case.html"></a>
            </div>
            <div class="footer-under"></div>
        </div>
        <div class="swiper-slide page5">
            <div class="content">
                <div class="lv-tiao"></div>
                <div class="blue-tiao"></div>
                <div class="title">在这里</div>    
                <div class="text">我们一起<br />发现更大的世界</div>
                <div class="logo"></div>
                <div class="erweima"></div>
                <div class="thanks"></div>
                <div class="gs">武汉六脉神掌科技有限公司</div>
            </div>
            <div class="place">武汉市洪山区光谷大道35号&nbsp;&nbsp;&nbsp;&nbsp;光谷总部国际二期.时代3栋3层C</div>
        </div>
    </div>
    <div class="swiper-pagination swiper-pagination-bullets">
        <span class='swiper-pagination-bullet swiper-pagination-bullet-active'><i></i></span>
        <span class='swiper-pagination-bullet'><i></i></span>
        <span class='swiper-pagination-bullet'><i></i></span>
        <span class='swiper-pagination-bullet'><i></i></span>
        <span class='swiper-pagination-bullet'><i></i></span>
    </div>
</div>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/swiper-3.4.0.jquery.min.js"></script>
<script>        
    var mySwiper = new Swiper('.swiper-container', {
        direction: 'vertical',
        height : window.innerHeight,
        // 如果需要分页器
        //pagination: '.swiper-pagination',
        autoplay : 5000,
        speed:800,
        onSlideChangeStart: function(swiper){
            var $index = swiper.activeIndex;
            $('.swiper-pagination span').eq($index).addClass('swiper-pagination-bullet-active');
            $('.swiper-pagination span').eq($index).siblings('span').removeClass('swiper-pagination-bullet-active');
            var _index = $('.swiper-pagination-bullet-active').index();
            if (_index >0) {
                _index = _index-1;
                $('.swiper-pagination span').eq(_index).children('i').css('background', '#fff');
                $('.swiper-pagination span').eq(_index).siblings('span').children('i').css('background', '#3E3E3E');
            }
        }
    });

    // $(function(){
    //     $('.swiper-pagination').children('span').append('<i></i>');
    // });
   
</script>
  
</body>
</html>